/* ========== Theme ========== */

/* 0c1a26 > 0e2133 > 10263b > 112b44 > 143350 */
/* 112334 > 132d46 > 163451 > 173b5d > 1b466e */
/* 173047 > 1a3e60 > 1e476f > 20517f > 256096 */

@font-face {
	font-family: "Droid Arabic Kufi";
	src: url("../fonts/DroidKufi-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}


/* ========== Body ========== */

body {
	font-size: 13px;
	background: #fff;
	font-family: "Droid Arabic Kufi", "Open Sans", "Tahoma", "Sans-Serif";
}

a,
a:link,
a:active,
a:visited {
	color: #173b5d;
}

a:hover {
	color: #1b466e;
}


/* ========== Scrollbar ========== */

body::-webkit-scrollbar {
	width: 5px;
}

body::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
	background-color: #163451;
}


/* ===== Containers ===== */

.container {
	padding: 15px;
}

.container.inner {
	padding: 25px 15px 25px 15px;
}


/* ========== Page Titles ========== */


/* Inline Page Title */

body.inline div.title {
	background: #173b5d;
	background: linear-gradient(-45deg, #173b5d 0%, #163451 100%);
}


/* Page Subtitles */

.page_subtitle,
.subtitle {
	color: #112334;
}


/* ===== View IFrame Page ===== */

.tab-inline-header li.active a {
	background: #112334;
	background: linear-gradient(-45deg, #163451 0%, #173b5d 100%);
	box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
}


/* ========== Inputs ========== */

input[list],
input[type=text],
input[type=password],
input[type=number],
input[type=file],
input[type=email],
input[type=date],
input[type=time],
input[type=search],
textarea,
select {
	margin: 0;
	padding: 5px;
	color: black;
	width: 100%;
	min-height: 35px;
	border: 1px solid #b9b9b9;
	background: #fefefe;
	border-radius: 0;
	transition: box-shadow 0.3s, border 0.3s;
}

select {
	padding: 0 5px 0 5px;
}

.select2-selection {
	margin: 0;
	padding: 0;
	color: black;
	width: 100%;
	min-height: 35px;
	border: 1px solid #b9b9b9 !important;
	background: #fefefe !important;
	border-radius: 0 !important;
	transition: border 0.3s;
}

.select2-selection.select2-selection--multiple {
	height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 35px;
}


/* Inputs */

input[list]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=file]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=time]:focus,
textarea:focus,
select:focus,
input.form-control:focus,
.select2-selection[aria-expanded=true] {
	border-color: #163451 !important;
	box-shadow: 0 0 0 4px #16345120;
	z-index: 5;
}

input:-webkit-autofill {
	box-shadow: inset 0 0 0 100px #fcfcfc;
}

input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	box-shadow: 0 0 0 4px #16345120;
}

.radio_container [type="radio"]:checked+span:after,
.radio_container [type="radio"].with-gap:checked+span:before,
.radio_container [type="radio"].with-gap:checked+span:after {
	border: 1px solid #163451;
}

.radio_container [type="radio"]:checked+span:after,
.radio_container [type="radio"].with-gap:checked+span:after {
	background-color: #163451;
}

.check_container [type="checkbox"].filled-in:checked+span:after {
	background-color: #163451;
}

.switch label input[type=checkbox]:checked+.lever {
	background-color: #16345180;
}

.switch label input[type=checkbox]:checked+.lever:after {
	background-color: #163451;
}


/* Bootstrap Slider */

.slider-handle {
	background: #163451 !important;
}

.slider-selection {
	background: #132d46 !important;
}


/* Wizard */

.wizard li.active span.round-tab {
	border: 2px solid #132d46 !important;
}

.wizard li.active span.round-tab i {
	color: #132d46 !important;
}

.wizard li:after {
	border-bottom-color: #132d46 !important;
}

.wizard li.active:after {
	border-bottom-color: #132d46 !important;
}

.tab-title-container {
	background: #132d46 !important;
}


/* Button Primary */

.btn:not(.btn-default) {
	border-color: transparent !important;
}

.btn-primary {
	background-color: #163451;
	box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, .1);
	transition: all 0.25s;
}

.btn-primary:hover {
	background-color: #173b5d;
	border-color: transparent;
	box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, .4);
}

.btn-danger,
.btn-success,
.btn-warning,
.btn-info {
	border-color: transparent;
	box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, .1);
	transition: all 0.25s;
}

.btn-danger:hover,
.btn-success:hover,
.btn-warning:hover,
.btn-info:hover {
	border-color: transparent;
	box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, .4);
}

fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
.open>.dropdown-toggle.btn-primary,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
	background-color: #132d46;
}


/* Fancy Table */

table.fancy tr th {
	background: #132d46;
	border-color: #132d46;
}

table.fancy tr td {
	border-color: #132d46;
}


/* Panels */

.panel-primary {
	border-color: #132d46;
}

.panel-primary>.panel-heading {
	background-color: #132d46;
	border-color: #132d46;
}


/* Pagination */

.pagination_div {
	margin-top: 25px;
}

.pagination_div .pagination {
	border-radius: 0;
}

.pagination_div .pagination li a {
	border-radius: 4px;
	font-size: 14px;
	padding: 8px;
	margin: 0 8px 0 0;
	width: 35px;
	text-align: center;
}

.pagination_div:lang(ar) .pagination li a {
	margin: 0 0 0 8px;
}

.pagination_div .pagination>.active>a,
.pagination_div .pagination>.active>span,
.pagination_div .pagination>.active>a:hover,
.pagination_div .pagination>.active>span:hover,
.pagination_div .pagination>.active>a:focus,
.pagination_div .pagination>.active>span:focus {
	background: #163451;
	border-color: #163451;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
}


/* Broken Link  */

.broken_link {
	background: #163451;
}


/* Submit Button */

.submit {
	display: block;
	border: 0;
	margin-left: auto;
	margin-right: auto;
	min-width: 150px;
	background: #173b5d;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, .1);
	transition: all 0.25s;
}

.submit:hover {
	background: #1b466e !important;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, .3);
}


/* Website Dashboard Icon */

.dashboard_icon span {
	background: #163451;
}

.dashboard_icon:hover span {
	background: #1b466e;
}

.dashboard_icon:hover b {
	color: #1b466e;
}


/* Side Menu */

#side_menu ul li:not(.current) a:hover {
	color: #1b466e;
}

#side_menu ul li.current a {
	background: linear-gradient(315deg, #163451 0%, #1b466e 100%);
}


/* Side Menu (Page Navigation) */

.recursive_navigation ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}


/* First Level */

.recursive_navigation>ul {
	list-style-type: none;
	font-size: 14px;
}

.recursive_navigation>ul>li a {
	display: block;
	padding: 10px;
	background: #f8f8f8;
	border-radius: 3px;
	margin-bottom: 10px;
	font-weight: bold;
	transition: background 0.3s;
}

.recursive_navigation>ul>li a:hover {
	background: #eee;
}

.recursive_navigation>ul>li:last-child a {
	margin-bottom: 0;
}

.recursive_navigation>ul>li.active a {
	color: #fff;
	background: linear-gradient(315deg, #163451 0%, #1b466e 100%);
	box-shadow: 1px 1px 6px rgba(0, 0, 0, .1);
}


/* Second Level */

.recursive_navigation ul>ul {
	list-style-type: none;
	font-size: 13px;
}

.recursive_navigation ul>ul>li a {
	display: block;
	color: #606060;
	margin-bottom: 10px;
}

.recursive_navigation>ul>ul>li.active a {
	font-weight: bold;
	color: #1b466e;
}

.recursive_navigation>ul>ul>li a:hover {
	color: #1b466e;
}

/* Modules */

.module_custom .module_title h1 {
	color: #1b466e;
}

.module_custom .module_title h3 {
	margin-bottom: 10px;
}

.module_custom .module_title *:last-child {
	margin-bottom: 0;
}